<template>
  <a-result status="404" title="404" sub-title="对不起, 你访问的页面不存在">
    <template #extra>
      <a-button type="primary" @click="back">返回首页</a-button>
    </template>
  </a-result>
</template>

<script>
import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
} from "vue";
export default {
  name: "",
  components: {},
  props: {},
  setup() {
    const { proxy } = getCurrentInstance();
    const data = reactive({});
    const refData = toRefs(data);
    onBeforeMount(() => {});
    onMounted(() => {});
    //自定义方法
    const methods = {
      back() {
        proxy.$router.replace("/");
      },
    };
    return {
      ...refData,
      ...methods,
    };
  },
};
</script>
<style scoped></style>
